<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ezcomp="http://java.sun.com/jsf/composite/ezcomp">

    <ui:composition template="default_layout_with_menu.xhtml">
        <ui:define name="titulo-pagina">Dados do Endereço</ui:define>
        <ui:define name="content">

                    <p:panel id="panelForm" header="Dados do Endereço da Pessoa" >
                        <p:messages />
                        <h:inputHidden value="#{enderecoJSFBean.endereco.idEndereco}"/>
                        <h:panelGrid columns="3">

                            <h:outputLabel value="ID:" />
                            <h:outputText value="#{enderecoJSFBean.endereco.idEndereco}"/>
                            <h:outputLabel/>

                            <h:outputLabel for="cat" value="Tipo Endereco:" />
                            <h:selectOneMenu id="cat" value="#{enderecoJSFBean.endereco.tipoEndereco}" label="Tipo Endereço" converter="sec" >
                                <f:selectItem itemLabel="Selecione o tipo de endereco"/>
                                <f:selectItems value="#{enderecoJSFBean.tipoEnderecos}" var="c" itemLabel="#{c.nmTipoEndereco}" itemValue="#{c}"/>
                            </h:selectOneMenu>
                            <p:message for="cat" id="m3" />

                            <h:outputLabel for="c1" value="CEP:" />
                            <h:inputText id="cep" value="#{enderecoJSFBean.endereco.dsCep}"  label="CEP" valueChangeListener="#{enderecoJSFBean.buscaCep}" immediate="true" onchange="submit()"/>
                            <p:message for="cep" id="c1" />

                            <h:outputLabel for="nome" value="Logradouro:" />
                            <h:inputText id="nome" label="Logradouro" value="#{enderecoJSFBean.endereco.dsLogradouro}" disabled="true" />
                            <p:message for="nome" id="m1" />

                            <h:outputLabel for="descricao" value="Numero:" />
                            <h:inputText id="numero" value="#{enderecoJSFBean.endereco.dsNumero}" label="Numero" required="true"/>
                            <p:message id="m2" for="numero" />

                            <h:outputLabel for="descricao" value="Bairro:" />
                            <h:inputText id="descricao" value="#{enderecoJSFBean.endereco.dsBairro}" label="Bairro" disabled="true"/>
                            <p:message id="m7" for="descricao" />

                            <h:outputLabel for="complemento" value="Complemento:" />
                            <h:inputText id="complemento" value="#{enderecoJSFBean.endereco.dsComplemento}" label="Complemento" />
                            <p:message id="m6" for="complemento" />

                            <h:outputLabel for="idCidade" value="Cidade:" />
                            <h:inputText id="idCidade" value="#{enderecoJSFBean.endereco.dsCidade}" label="cidade" disabled="true"/>
                            <p:message id="m4" for="idCidade" />

                            <h:outputLabel for="idEstado" value="Bairro:" />
                            <h:inputText id="idEstado" value="#{enderecoJSFBean.endereco.dsEstado}" label="Estado" disabled="true"/>
                            <p:message id="m5" for="idEstado" />

                            <h:outputLabel/>
                            <h:panelGrid columns="2">
                                <p:commandButton value="Salvar" action="#{enderecoJSFBean.salva}" styleClass="botaoForm" ajax="false" image="salvar"/>
                                <ezcomp:navButton label="Cancelar" pagina="#{enderecoJSFBean.paginaListagem}" image="cancelar"/>
                            </h:panelGrid>
                        </h:panelGrid>
                    </p:panel>
        </ui:define>
    </ui:composition>

</html>

